<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>后代选择器</title>
		<style>
			/* 后代选择器:派生,空格!  用途:选中父元素中子元素
			 语法: 任意选择器[父级] 任意选择器{}
			 网页:嵌套元素
			 */
			dl dd{
				color: #55ffff;
				background: #ff00ff;
			}
			ul li{
				background: #555500;
			}
			/* 后代选择器:选中情深深雨蒙蒙,还珠格格  提醒:类选择器*/
			ul .qy{
				font-size: 50px;
				color: #ffffff;
			}
			/*后代选择器:
			 必须从#id找---删除线  字体放大:20px 颜色:红色,背景:黑色
			 提醒:祖宗 爷爷 父亲 儿子
			 */
			#nav div div del{
				font-size: 20px;
				color: #ff0000;
				background: #000;
			}
			/* 找到两个删除线,添加效果:字体36px,背景颜色 粉色 
			从类选择器找footer 提醒:[两个选择器]
			*/
		   
		    .ftooer div div  div s{
			   font-size: 36px;
			   background: #ffaaff;
		   }
		   .ftooer div  s{
			   font-size: 36px;
			   background: #ffaaff;
		   }
		</style>
	</head>
	<body>
		<div class="ftooer">
			<div><div><div><s>删除线</s><span>行内元素</span></div></div></div>
			<div><s>删除线</s></div>
		</div>
		
		
		
		<hr />
		<div id="nav">
			<span>这是一个段落</span>
			<div><p>第一个段落</p><div> <del >删除线</del> </div></div>
		    </div><p>第二个段落</p><div>
			</div>
		  
		<hr />
		<!-- 块元素:定义列表 -->
		<dl>
			<dt>图片1</dt>
			<dd>解释小图片</dd>
		</dl>
		<ul>
			<li>窗外</li>
			<li class="qy">情深深雨蒙蒙</li>
			<li class="qy">还珠格格</li>
			<li>一帘幽梦</li>
		</ul>
	</body>
</html>